<template>
  <div class="page">
    <title-bar title="详情" />
    <div class="row">
      <div class="row-item">1</div>
      <div class="row-item2">2</div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref, onMounted } from "vue";
import { useRoute } from "vue-router";
const active = ref(0);
const route = useRoute();
onMounted(() => {
  console.log(route, route.query);
})
</script>
<style lang="scss" scoped>
.row {
  display: flex;
  flex-direction: row;

  &-item {
    width: 45vw;
    height: 100px;
    background-color: #5795b4;
  }

  &-item2 {
    width: 45vw;
    height: 100px;
    background-color: red;
  }
}
</style>